<html>
    <head>
        <meta charset="utf-8" />
        <title>html4</title>
    </head>

    <body>
        <!-- 这是注释 -->
        <h1>标签</h1>

        <h2>标题</h2>
        <h1>一级标题 heading 1</h1>
        <h2>二级标题 heading 2</h2>
        <h3>三级标题 heading 3</h3>
        <h4>四级标题 heading 4</h4>
        <h5>五级标题 heading 5</h5>
        <h6>六级标题 heading 6</h6>
        <p>这里是正文，每个段落结束后自动换行</p>
        <p>在段落的内部，      忽略连续的空格，忽略换行</p>
        <!-- br 为换行标签 -->
        <br />
        <hr />
        <p>组合行内元素，以便使用不同的<span style='color:blue'>样式来格式化</span></p>
        <hr />

        <h2>超链接</h2>
        <img src="baidu.jpg" alt="百度一下"/><br />
        <a href="http://www.baidu.com/">百度一下</a>
        <hr />

        <h2>列表 & 表格</h2>
        <div id="unordered list">
            <h3>web前端</h3>
            <ul>
                <li>html</li>
                <li>css</li>
                <li>js</li>
            </ul>
        </div>
        <div id="ordered list">
            <h3>推荐图书榜</h3>
            <ol>
                <li><a href="#">活着</a></li>
                <li><a href="#">HTML权威指南</a></li>
                <li><a href="#">边城</a></li>
            </ol>
        </div>

        <div id="grades">
            <table border="2">
                <tr><th>班级</th><th>学生数</th><th>平均成绩</th></tr>
                <tr><td>19-1</td><td>41</td><td>85</td></tr>
                <tr><td>19-2</td><td>38</td><td>82</td></tr>
            </table>
        </div>
        <hr />

        <h2>表单</h2>
        <div id="user_login">
            <form action="#" method="GET"> 
                用户：<input type="text" name="user_name" /><br />
                密码：<input type="password" name="password" /><br />
                <input type="reset" value="重置" />
                <input type="submit" value="提交" />
            </form> 
        </div>
    </body>
</html>